body { font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 12px; margin: 0 0 0 0; width:100%; width: 100%; min-width: 1050px;}
header { position: relative; height: 85px; background-color: #0D2C52 ; background: -webkit-gradient(linear, center top, center bottom, color-stop(30%, #0E2138),to(#0D2C52)); background: -webkit-linear-gradient(top,#0E2138 30%,#0D2C52 ); background: -moz-linear-gradient(top,#0E2138 30%,#0D2C52 ); background: -ms-linear-gradient(top,#0E2138 30%,#0D2C52 ); background: -o-linear-gradient(top,#0E2138 30%,#0D2C52 ); background: linear-gradient(to bottom,#0E2138 30%,#0D2C52 ); }
footer { height: 250px; color: #0D2C52; background-color: rgb(205, 210, 226)}
header ul#menunav { font-family: Helvetica, Helvetica Neue, Arial, sans-serif; font-weight: bold; font-size: 12px;  color: #4F81BD; float: right; }

#headershadow { box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.3); border-color: #000000; background-color: #4F81BD; position: relative; width: 100%; height: 10px; left: 0; }
#submenu { border-color: transparent; background-color: #99CC00; border-width: 1px; border-style: solid; width: 750px; height: 48px; position: absolute; right: 15px; margin-right: 15px; z-index: 100;}
.submenunav { color: #4E6921 ; }

.menu { list-style: none; position: relative; float: left; text-align: center; top: -7px; right: 30px; cursor:pointer}
.explainsubmenu{ background-color: rgb(115, 151, 4); color: #FFFFFF; height: 49px; width: 300px; margin:-1px -1px 0px 0px}
.explainsubmenu div{ border-color: transparent; color: #FFFFFF; font-size: 11px ;position: relative; top: 2px; left: 5px; right: 5px; bottom: 2px; text-align: left; width: 285px;}

.menuclient{ background: transparent url("../images/client.png")  no-repeat left center; background-size: contain !important;}
.menuclient:hover{ background: transparent url("../images/client-h.png") no-repeat left center; background-size: contain !important; color: #FFFFFF; }
.menuservice{ background: transparent url("../images/service.png")  no-repeat left center; background-size: contain !important;  }
.menuservice:hover{ background: transparent url("../images/service-h.png")  no-repeat left center; background-size: contain !important; color: #FFFFFF; }
.menusale{ background: transparent url("../images/sale.png")  no-repeat left center; background-size: contain !important; }
.menusale:hover{ background: transparent url("../images/sale-h.png")  no-repeat left center; background-size: contain !important; color: #FFFFFF; }
.menupayment{ background: transparent url("../images/payment.png")  no-repeat left center; background-size: contain !important; }
.menupayment:hover{ background: transparent url("../images/payment-h.png")  no-repeat left center; background-size: contain !important; color: #FFFFFF;}
.menureport{ background: transparent url("../images/report.png")  no-repeat left center; background-size: contain !important; }
.menureport:hover{ background: transparent url("../images/report-h.png")  no-repeat left center; background-size: contain !important; color: #FFFFFF; }
.menucom{ background: transparent url("../images/com.png")  no-repeat left center; background-size: contain !important; }
.menucom:hover{ background: transparent url("../images/com-h.png")  no-repeat left center; background-size: contain !important; color: #FFFFFF; }

.menuclientselected{ background: transparent url("../images/client-h.png") no-repeat left center; background-size: contain !important;background-color: #4F81BD;; color: #FFFFFF;  border-top-left-radius: 4px; border-top-right-radius: 4px;}
.menuserviceselected{ background: transparent url("../images/service-h.png")  no-repeat left center; background-size: contain !important; background-color: #4F81BD; color: #FFFFFF; border-top-left-radius: 4px; border-top-right-radius: 4px;}
.menusaleselected{ background: transparent url("../images/sale-h.png")  no-repeat left center; background-size: contain !important; background-color: #4F81BD; color: #FFFFFF;border-top-left-radius: 4px; border-top-right-radius: 4px;}
.menupaymentselected{ background: transparent url("../images/payment-h.png")  no-repeat left center; background-size: contain !important; background-color: #4F81BD; color: #FFFFFF;  border-top-left-radius: 4px; border-top-right-radius: 4px;}
.menureportselected{ background: transparent url("../images/report-h.png")  no-repeat left center; background-size: contain !important; background-color: #4F81BD; color: #FFFFFF; border-top-left-radius: 4px; border-top-right-radius: 4px;}
.menucomselected{ background: transparent url("../images/com-h.png")  no-repeat left center; background-size: contain !important; background-color: #4F81BD; color: #FFFFFF; border-top-left-radius: 4px; border-top-right-radius: 4px;}

.menuselected { background-color: #99CC00; color: #FFFFFF; height: 40px; }
.menutext{ text-align: right; margin-right: 20px; margin-top: 10px; margin-left: 45px; margin-bottom: 10px }
.submenu {  width: 120px; margin: -14px 40px 0px -42px; height: 49px; list-style: none; position: relative; float: left; text-align: center; cursor:pointer}
.submenu:hover { color: #FFFFFF; background-color: rgb(115, 151, 4); color: #FFFFFF;}

.submenuselected { background-color: rgb(115, 151, 4); color: #FFFFFF;}
.submenutext{ text-align: center; font-size: 12px; font-weight: bold; position: relative; top: 10px;}

.container{min-height: 500px;}
.layoutleft{width: 20%;}
.layoutcenter{float:left}
.layoutright{width: 20%}

.titleclients{background: transparent url("../images/client.png") no-repeat left center; background-size: contain !important; height: 30px;}
.popuptitleclients{background: transparent url("../images/client-green.png") no-repeat left center; background-size: contain !important; height: 30px; margin-top: 5px; margin-left: 8px}
.popuptitle{font-size: 20px; margin-left: 40px; float: left; margin-top: 5px; color: #4E6921 ;}
.title{font-size: 16px;margin-left: 35px;float: left;margin-top: 7px;color: #0D2C52;}

.resultats{width: 95%}
.resultatsclientsline{height: 20px}
.resultatsclientsline:hover{height: 20px; background: rgb(214, 238, 140); cursor: pointer}
.resultatsclientsline td{padding-right: 5px ; padding-left:5px}
.clientstateOK{color: rgb(115, 151, 4); text-align: center; font-size: 23px; cursor: default; font-weight: bold}
.clientstateKO{color: rgb(197, 9, 9); text-align: center; font-size: 23px; cursor: default; font-weight: bold}

.table100 {border-spacing: 0px;width: 100%; height: 100%; border-collapse:collapse;}

.width50 {width: 50%}
.width75 {width: 75%}
.width25 {width: 25%}
.width65 {width: 65%}
.width35 {width: 35%}
.width60 {width: 55%}
.width40 {width: 45%}

.myaccount{ color: #FFFFFF; float: right; list-style: none; }
.myaccountitem{top: -2px; float: left; position: relative;  right: 30px;}
.myaccountitembig{font-size: 15px; top: -5px; float: left; position: relative;  right: 30px;}

.languages{font-size: 10px; list-style: none; margin-left: -30px; float:left; margin-top: -110px;}
.languagesitem{float:left; list-style: none; margin-left: 10px;}
.languagesitemclickable{float:left; list-style: none; margin-left: 10px; cursor:pointer}
.footermenu{float: right; text-align: right; margin-right: 30px; cursor: pointer}
.footermenumailus{float: left; background: transparent url("../images/mail.png")  no-repeat left center; background-size: contain !important; height: 21px;}
.footermenureportbug{float: left; background: transparent url("../images/bug2.png")  no-repeat left center; background-size: contain !important; height: 22px; }
.footermenuterms{float: left; background: transparent url("../images/terms.png")  no-repeat left center; background-size: contain !important;height: 28px; margin-top: -2px }

.footeritem{font-size: 11px; list-style: none; text-align: left; margin-right: 20px; margin-left: 30px; margin-bottom: 10px}
.footeritemmailus{margin-top: 4px; margin-left: 27px;}
.footeritembug{margin-top: -2px;}
.footeritemterms{margin-left: 35px; margin-top: 0px;}

.popupheader{box-shadow: 0 5px 20px -2px gray; border-spacing: 0px;width: 100%; position: relative}
.screen{border-spacing: 0px; background: #000; opacity: 0.5;}
.popup{border-radius: 5px; border-width: 0px; border-style: solid; position: fixed; top: 50%; left: 50%; width: 800px; min-height: 550px; background-color: #FFFFFF; margin-left: -400px; margin-top: -275px}
.tagsnav{cursor:pointer;}
.notags{height: 25px}
.tagdiv{float: left; height: 30px; background-color: rgb(205, 210, 226); border-top-left-radius: 20px; border-top-right-radius: 5px; margin-top: -5px;}
.tagdiv:hover{background-color: gray;}
.tagdiv:hover div { color: #FFFFFF;}
.tagdivselected{float: left; height: 30px; background-color:  #0D2C52; border-top-left-radius: 20px; border-top-right-radius: 5px; margin-top: -5px;}
.tagitem{list-style: none;}
.tagitemtext{font-size: 12px; text-align: center; margin: 8px 30px 0 30px; color: #0D2C52; font-weight: bold;}
.tagitemtextselected{font-size: 12px; text-align: center; margin: 8px 30px 0 30px; color: #FFFFFF; font-weight: bold;}

.popupheadertitle{background-color: #99CC00;  height: 40px}
.explainspopup{background-color: rgb(115, 151, 4); color: #FFFFFF; border-bottom-left-radius: 20px; margin-top: -1px; margin-right: -1px }
.popuptags{background-color: #99CC00;}
.nopopuptags{background-color: #99CC00; height: 15px}
.popupcontent{ margin-top: -1px; height: 435px;}
.popupshadow{box-shadow: 9px 40px 10px 8px rgba(0, 0, 0, 0.3);width: 784px;}
.explainpopuptext{position: relative; top: 5px; left: 15px; right: 15px; bottom: 5px; text-align: left; width: 480px; height: 40px; font-size: 11px ; font-style: italic}


.input{border-radius: 5px; background-color: white; border: 1px solid rgb(163, 168, 182); padding: 5px 6px; font-size: 12px; color: #0D2C52}
.inputradio{font-size: 14px; color: #0D2C52; }
.inputradiolineitem{margin-right: 20px;}
.inputid{padding: 3px 4px; font-size: 10px; text-align: right}
.inputgraytext{color: rgb(163, 168, 182);}
.inputsize100{width: 680px;}
.inputsize50{width: 315px;}
.inputsize40{width: 200px;}
.selectsize40{width: 210px;}
.inputsize1{width: 30px}
.inputsize32{width: 158px}
.inputsize30{width: 150px}
.inputsize20{width: 100px}
.inputsize25{width: 145px}
.inputsize10{width: 50px}
.inputdate{width: 70px}
.colmunnrightid{margin-left: 248px; float:left;  margin-bottom: 3px;}
.columnleft{clear: both; float:left;  margin-bottom: 3px; margin-left: 50px;}
.columnright{clear: both; float:left; margin-bottom: 3px; margin-left: 20px;}
.breaker{clear: both; height: 7px;}
.nextInput{margin-left: 7px;}
.line{clear: both; margin-bottom: 3px; margin-left: 50px;}
.linesmall{clear: both; margin-left: 50px;}
.inputtitre{color: #0D2C52; font-size: 10px;}
.inputoptional{border-style: dashed}
.blocperso{ background: rgb(205, 210, 226); border-bottom-left-radius: 20px;vertical-align: top;}
.blocstandard{vertical-align: top;}
.blocpersotitre{ float:left; margin-top: 15px; color: #0D2C52; font-size: 12px; margin-left: 175px; height: 30px;}
.info{float: left; margin-top: 3px; margin-left: 3px; width: 15px; height: 15px; cursor: pointer; background: transparent url("../images/help.png")  no-repeat left center; background-size: contain}
.button{width: 120px; height: 30px; background-color: #99CC00; margin-top: 5px; float: right; margin-right: -1px; cursor: pointer; border-top-left-radius: 10px;border-bottom-right-radius: 5px;}
.buttontext{width: 70%; font-size: 14px; font-weight: bold; color: #4E6921;margin-right: 14px; text-align: center; margin-top: 7px;}
.buttonimage{margin-top: -23px; float: right; width: 30%; background-color: rgb(115, 151, 4); height: 30px; border-bottom-right-radius: 4px;}
.buttonaddicon{background: transparent url("../images/add.png")  no-repeat left center; background-size: contain !important; width: 15px; height: 20px; margin-top: 4px; margin-left: 11px;}

.button:hover div div{background: transparent url("../images/add-h.png")  no-repeat left center; width: 17px; height: 22px; margin-top: 3px; margin-left: 9px;}
.persoitems{}
.persoalphabig{width: 280px; max-width: 280px; max-height: 100px}
.persoalphasmall{width: 140px;}
.persoinputlistbig{width: 294px;}
.persoinputlistsmall{width: 147px;}
.persolinesmall{clear: both; margin-left: 30px;}
.persoitemsline{clear: both; margin-bottom: 3px; margin-left: 30px;}
.persoinfotitre{margin-top: 15px;}
.closepopup{position: absolute;z-index: 1;font-size: 26px; color: white;margin-left: 780px;cursor: pointer;margin-top: -3px;}
.closepopup:hover{margin-top: -6px; font-size: 29px; }

.tableactions{color:#0D2C52; font-size: 10px; float: right; margin-right: 4px; margin-bottom: 5px; margin-top: 10px}
.tableactionbutton{font-size: 12px; margin-top: -2px; border-style: solid; border-width: 1px; width: 30px; height: 25px; cursor: pointer; background-color: rgb(205, 210, 226); border-color: #999999; text-align: center; float: left; color: rgb(99, 98, 98);}
.tableactionbutton:hover{font-size: 15px;}
.tableactionbuttonleft{border-bottom-left-radius: 5px; border-top-left-radius: 5px;}
.tableactionbuttonright{border-bottom-right-radius: 5px; border-top-right-radius: 5px;}
.tableactionpagenumber{float:left}

.tableactioninput{padding: 1px 1px; font-size: 12px; width: 20px; text-align: center;}

.resultatstable{border-style: solid;border-width: 1px;border-color: rgb(205, 210, 226); color:#0D2C52; word-break:break-all }
.tablelineon{background: rgb(205, 210, 226);}
.tableheader{color : white; background-color: #0D2C52; text-align: center; height: 20px; cursor: pointer}
.columnXS{width:30px;}
.columnS{width:60px;}
.columnM{width:100px}
.columnL{width:200px}
.columnXL{width:300px}

.searchmotor{height: 115px; width: 92%; background-color:rgb(205, 210, 226); border-radius: 5px; padding: 10px 10px 10px 10px;}
.searchmotorbloc1{margin-left: 100px;}
.searchmotorbloc2{margin-left: 100px; clear: both;}
.inputsearchauto{font-size: 14px; width: 430px; float: left; }
.buttonsearch{background-color: #99CC00; border-style: none; height: 25px; border-radius: 3px; float: left; width: 40px; margin-left: 10px; margin-top: 3px; cursor: pointer}
.searchicon{background: transparent url("../images/searchicon.png")  no-repeat left center; background-size: contain !important; width: 20px; height: 15px; margin-top: 5px; margin-left: 12px;}
.searchicon:hover{height: 17px; margin-top: 4px}
.deleteicon{background: transparent url("../images/deleteicon.png")  no-repeat left center; background-size: contain !important; width: 15px; height: 15px; margin-top: -2px; margin-left: 12px;}
.inputnextsearch{margin-left: 20px}

.inputsearch{padding: 4px 4px; font-size: 11px;}
.selectsearch{padding: 2px 2px;}
.inputradiosearch{font-size: 12px; margin-top: 5px;}

